<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Goxob</title>
    <link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/theme1.css')}}">
</head>
<body>
<header class="navbar navbar-inverse navbar-fixed-top" id="top" role="banner">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="index.html" class="navbar-brand scroller" data-section="body">
                <img src="images/logo.png">
            </a>
        </div>
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
            <ul class="nav navbar-nav">
                <li>
                    <a href="{{url('')}}">@lang('Home')</a>
                </li>
                <li>
                    <a href="../css">@lang('Features')</a>
                </li>
                <li>
                    <a href="../components">@lang('Pricing')</a>
                </li>
                <li>
                    <a href="../javascript">@lang('Contact')</a>
                </li>
            </ul>
        </nav>
    </div>
</header>

<section class="banner">
    <div class="container">
        <div class="row">
            <h1>Use Goxob to create your online store today.</h1>
            <h2>&nbsp;</h2>
            <div class="img">
                <img class="img-responsive" src="images/computer.png">
            </div>
        </div>
    </div>
</section>


<section class="block features" id="features">
    <div class="container">
        <header>
            <h2>@lang('Features')</h2>
            <span class="line"></span>
        </header>
        <div class="row featurette">
            <div class="col-md-5">
                <img class="img-responsive" src="images/feature3.jpg">
            </div>
            <div class="col-md-7">
                <h2 class="featurette-heading">Designer friendly and responsive layout.</h2>
                <p class="lead">Goxob is built to look great on every device, to ensure the best expierence.
                    UI friendly and admin panel is easy to use.</p>
            </div>
        </div>
    </div>
</section>


<section class="block features">
    <div class="container">
        <div class="row featurette">
            <div class="col-md-8">
                <h2 class="featurette-heading">Easy to customize.</h2>
                <p class="lead">With Goxob, you can easily change your website template, system settings, product properties
                    or anything to match all of your business.</p>
            </div>
            <div class="col-md-4">
                <img class="img-responsive" src="images/about-circles.png" style="float: right;">
            </div>
        </div>
    </div>
</section>


<section class="block features">
    <div class="container">
        <div class="row featurette">
            <div class="col-md-5">
                <img class="img-responsive" src="images/feature1.jpg">
            </div>
            <div class="col-md-7">
                <h2 class="featurette-heading">Page Speed.</h2>
                <p class="lead">Goxob is built on top of Laravel framework, giving your application fast loading time, well-tested and reliable.</p>
            </div>
        </div>
    </div>
</section>



<section class="block" id="pricing">
    <div class="container">
        <header>
            <h2>Pricing</h2>
            <p>See all plans details here</p>
            <span class="line"></span>
        </header>

        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 price-wrapper">
                <div class="price-box">
                    <header>
                        <span>Advance</span>
                        <div class="price">
                            <p>$199</p>
                        </div>
                    </header>

                    <div class="text">
                        For personal business or small company
                    </div>

                    <div class="perk">
                        <div class="content">
                            <span>Basic Package Features</span>
                        </div>
                    </div>

                    <div class="perk">
                        <div class="content">
                            <span>Checkout / Payment Online</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>Customer Management</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>Reports / Statistic</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>Free 1 domain, basic web hosting</span>
                        </div>
                    </div>

                </div>
            </div>


            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 price-wrapper">
                <div class="price-box price-pro">
                    <header>
                        <span>Pro</span>
                        <div class="price">
                            <p>$299</p>
                        </div>
                    </header>

                    <div class="text">
                        For company
                    </div>

                    <div class="perk">
                        <div class="content">
                            <span>Advance Package Features</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>Banners / Ads Management</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>Promotions Management</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>Multiple Languages</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>Free 1 domain, advance web hosting</span>
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 price-wrapper">
                <div class="price-box">
                    <header>
                        <span>Basic</span>
                        <div class="price">
                            <p>$99</p>
                        </div>
                    </header>

                    <div class="text">
                        For personal business
                    </div>

                    <div class="perk">
                        <div class="content">
                            <span>Catalog / Products</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>News / Contents</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>Shopping Cart</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>Others Modules: banner slider, chat support...</span>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

<footer id="contact">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                <a href="#">
                    <img class="img-responsive" src="images/logo.png">
                </a>

                <ul>
                    <li>C118 Nguyen Van Qua, District 12.</li>
                    <li>Ho Chi Minh City, Viet Nam.</li>
                    <li class="phone">+84 090 272 7231</li>
                    <li><a href="mailto:doanvuthuan@gmail.com">doanvuthuan@gmail.com</a></li>
                </ul>
            </div>

            <div class="col-xs-12 col-sm-7 col-md-7 col-lg-7 pull-right">
                <h2>Contact Us</h2>
                <form>
                    <div class="col-sm-6 col-md-6 col-lg-6">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Name">
                        </div>
                        <div class="form-group">
                            <input type="email" class="form-control" placeholder="Email">
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="City">
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-6 col-lg-6">
                        <div class="form-group">
                            <textarea class="form-control" rows="6" placeholder="Comment"></textarea>
                        </div>
                    </div>
                    <button type="submit" class="btn btn-green">Send</button>
                </form>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-4">
                <p>© Copyright 2014 Goxob.com, All rights reserved. </p>
            </div>

        </div>
    </div>
</footer>
<script src="{{asset('js/jquery.min.js')}}"></script>
<script src="{{asset('js/bootstrap.min.js')}}"></script>
</body>
</html>
